<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录页面</title>
		<style type="text/css">
			.a{
				text-decoration: none;
				}
			.btn
				{
				text-align: center;
				}
				.content
				{
					margin: 0 auto;
					width: 1100px;
				}
				.content div
				{
					float: left;
					margin-left: 50px;
				}
				.left
				{
					border-right: 1px solid black;
					height: 400px;
					width: 500px;
					position: relative;
					margin-top: 80px;
					
				}
				.right
				{
					
					background-image: url(img/icon.gif);
					background-repeat: no-repeat;
					height: 700px;
					width: 350px;
				}
				.ul
				{
					margin: 0;
					padding: 0;
					position: fixed;
					margin-top: 108px;
					margin-left: 60px;
				}
				.ul li
				{
					width: 300px;
					height: 40px;
					list-style: none;
				}
				.ul li a
				{
					text-decoration: none;
				}
				.uul
				{
					margin: 0;
					padding: 0;
					position: relative;
					margin-top: 260px;
					margin-left: 80px;
				}
				.uul li
				{
					width: 300px;
					height: 40px;
					list-style: none;
				}
				.rgt
				{
					margin-left: 50px;
				}
				#pb
				{
					background: url(img/register.gif) no-repeat 100px,0%;
					height: 120px;
					width: 300px;
					background-color: white;
					position: fixed;
					
					margin-right: 500px;
					margin: 0;
				}
		</style>
	</head>
	<body>
		<div class="content">
		<div class="left">
		<img src="img/logintitle.gif">
		<table>
			<tr>
				<td>会员名：</td>
				<td><input type="text" name="username" id="username" value="" />(可能包含a-z，0-9，和下划线)</td>
			</tr>
			<tr>
				<td>密&nbsp码：</td>
				<td><input type="password" name="password" id="password" value="" />(至少包含6个字符)</td>
			</tr>
			<tr>
				<td colspan="2" class="btn"><a href="#" class="a"><img src="img/login.gif" alt="登录"></a></td>
		</table>
		<ul>
			<li><a href="#">什么是安全登录。</a></li>
			<li>香港会员（繁体中文用户）由此<a href="#">登入</a>。</li>
			<li><a href="#">密码安全贴士。</a></li>
			<li>防止病毒或者木马窃取你的账户信息，<a href="#">在线检查</a>您的电脑是否安全的。</li>
		</ul>
		</div>
		<div class="right">
			<div id="pb"></div>
			<img src="img/register.gif" alt="注册人会员" style="">
			<ul class="ul">
				<li><a href="#">便宜有好货！</a>超过7000万件商品任您选。</li>
				<li><a href="#">买卖更安全！</a>交易超安全。</li>
				<li><a href="#">免费开网店！</a>轻松赚钱交友。</li>
				<li><a href="#">超人气社区！</a>精彩活动每一天。</li>
			</ul>
			<ul class="uul">
				<li>您已经是会员？<a href="#">由此登录</a></li>
				<li>繁体中文用户由此<a href="#">注册</a></li>
			</ul>
			<a href="register.html" class="rgt"><img src="img/registernow.gif" alt="现在就去注册" ></a>
		</div>
		</div>
	</body>
</html>
